<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link href="https://cdn.bootcss.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet">
  <link rel="stylesheet" href="{{ site.url }}/css/screen.css">

  <link rel="apple-touch-icon" sizes="180x180" href="{{ site.url }}/favicon/apple-touch-icon.png?v=m2l4wEbdX3">
  <link rel="icon" type="image/png" sizes="32x32" href="{{ site.url }}/favicon/favicon-32x32.png?v=m2l4wEbdX3">
  <link rel="icon" type="image/png" sizes="16x16" href="{{ site.url }}/favicon/favicon-16x16.png?v=m2l4wEbdX3">
  <link rel="manifest" href="{{ site.url }}/favicon/site.webmanifest?v=m2l4wEbdX3">
  <link rel="mask-icon" href="{{ site.url }}/favicon/safari-pinned-tab.svg?v=m2l4wEbdX3" color="#5bbad5">
  <meta name="msapplication-TileColor" content="#ffffff">
  <meta name="theme-color" content="#ffffff"> 

  {% if jekyll.environment == 'production' and site.google_analytics_key != '' %}
  <!-- Global site tag (gtag.js) - Google Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-74826425-9"></script>
  <script>
  window.dataLayer = window.dataLayer || [];

  function gtag() { dataLayer.push(arguments); }
  gtag('js', new Date());

  gtag('config', 'UA-74826425-9');
  </script>
  {% endif %} {% seo %} {% feed_meta %}

  <script src="{{ site.url }}/js/vendors/jquery.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
  <script src="{{ site.url }}/js/vendors/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
  <script src="{{ site.url }}/js/vendors/bootstrap.min.js"></script>
</head>

<body class="{{ page.body_class }}">

  <header>
    <div class="wrapper">
      <section class="top-bar">
        <div class="logo"><a href="https://fydeos.com">{% include logo.html %}</a></div>
        {% include navigation.html %}
      </section>
      <section class="hero_search">
        {% if page.body_class == "show_kb_search" %}
          {% include search-kb.html %}
        {% elsif page.body_class == "show_help_search" %}
          {% include search-help.html %}
        {% endif %}
      </section>
    </div>
  </header>
  <section class="content">
    <div class="wrapper">
      {{ content }}
    </div>
  </section>
  {% include footer.html %}
  <script>
  $(function() {
    $('a[href*=\\#]').not(".no-smooth").on('click', function(event) {
      var el = $(this.hash);
      if (el.length > 0) {
        // event.preventDefault();
        $('html,body').animate({ scrollTop: $(this.hash).offset().top - 50 }, 500);
      }
    });

    $('svg').click(function() {
      $(this).parent('form').submit();
    });
  });

  document.getElementById("open-nav").addEventListener("click", function(event) {
    event.preventDefault();
    document.body.classList.toggle("nav-open");
  });
  </script>
</body>

</html>